<script setup lang="ts">
import { useSettingsStore } from '@/stores/modules/settings'
import { Setting } from '@element-plus/icons-vue'
import { storeToRefs } from 'pinia'

defineOptions({
  name: 'Setting'
})

const { settingDrawer } = storeToRefs(useSettingsStore())

const handleSetting = () => {
  settingDrawer.value = !settingDrawer.value
}
</script>

<template>
  <el-button :icon="Setting" circle @click="handleSetting" />
</template>

<style lang="scss" scoped>
.el-button {
  margin-left: 0px;
}
</style>
